import React, {Component} from 'react';
import {TrademarkCircleOutlined} from '@ant-design/icons'
import './index.less'
import {withRouter} from "react-router-dom";
import MyMenu from "./MyMenu";
import ShopIcon from "./ShopIcon";
import UserIcon from "./UserIcon";
class Top extends Component {

    render() {
        return (
            <div className='top'>
                <div className="topLogo">
                    <TrademarkCircleOutlined />&nbsp;
                    SmartPhone Market
                </div>

                <div className="container">
                    <MyMenu/>
                </div>
                {/*未登录时的登录按钮*/}
                <UserIcon/>
                {/*购物车*/}
                <ShopIcon/>
            </div>
        );
    }
}
export default withRouter(Top);